<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="Content-type" content="text/html; charset=utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <meta name="format-detection" content="telephone=no">
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <meta name="apple-mobile-web-app-status-bar-style" content="black"/>
    <title>币助手</title>
    <link rel="stylesheet" href="http://ov0lumvwf.bkt.clouddn.com/web/detail/css/swiper.min.css">
    <link rel="stylesheet" href="css/css_2.css"/>
    <script src="http://cdn.bootcss.com/jquery/2.1.4/jquery.js"></script>
    <script type="text/javascript" src="http://ov0lumvwf.bkt.clouddn.com/web/detail/js/echarts.min.js"></script>
</head>
<body>
<div class="InforIntr">
    <div class="Infor">
        <div class="InforI InforIntr_l">
            <ul>
                <li>
                    <div class="InforIntr_l_l">代币重量</div>
                    <div class="InforIntr_l_r">2100万</div>
                </li>
                <li>
                    <div class="InforIntr_l_l">开始时间</div>
                    <div class="InforIntr_l_r">2009.01.30</div>
                </li>
                <li>
                    <div class="InforIntr_l_l">Twitter</div>
                    <div class="InforIntr_l_r"><a href="#">点击查看</a></div>
                </li>
            </ul>
        </div>
        <div class="InforI InforIntr_r">
            <ul>
                <li>
                    <div class="InforIntr_r_l">算法</div>
                    <div class="InforIntr_r_r">POW</div>
                </li>
                <li>
                    <div class="InforIntr_r_l">官网</div>
                    <div class="InforIntr_r_r"><a href="#">点击查看</a></div>
                </li>
                <li>
                    <div class="InforIntr_r_l">白皮书</div>
                    <div class="InforIntr_r_r"><a href="#">点击查看</a></div>
                </li>
            </ul>
        </div>
    </div>
</div>
<div class="InforIntr">
    <div class="InforIntrTitle">
        ICO
    </div>
    <div class="Infor">
        <div class="InforI InforIntr_l">
            <ul>
                <li>
                    <div class="InforIntr_l_l">代币重量</div>
                    <div class="InforIntr_l_r">2100万</div>
                </li>
                <li>
                    <div class="InforIntr_l_l">开始时间</div>
                    <div class="InforIntr_l_r">2009.01.30</div>
                </li>
                <li>
                    <div class="InforIntr_l_l">Twitter</div>
                    <div class="InforIntr_l_r"><a href="#">点击查看</a></div>
                </li>
                <li>
                    <div class="InforIntr_l_l">Twitter</div>
                    <div class="InforIntr_l_r"><a href="#">点击查看</a></div>
                </li>
            </ul>
        </div>
        <div class="InforI InforIntr_r">
            <ul>
                <li>
                    <div class="InforIntr_r_l">算法</div>
                    <div class="InforIntr_r_r">POW</div>
                </li>
                <li>
                    <div class="InforIntr_r_l">官网</div>
                    <div class="InforIntr_r_r"><a href="#">点击查看</a></div>
                </li>
                <li>
                    <div class="InforIntr_r_l">白皮书</div>
                    <div class="InforIntr_r_r"><a href="#">点击查看</a></div>
                </li>
                <li>
                    <div class="InforIntr_l_l">Twitter</div>
                    <div class="InforIntr_l_r"><a href="#">点击查看</a></div>
                </li>
            </ul>
        </div>
    </div>
    <div class="Infor_2">
        <div class="InforIntr_l_l">分配:</div>
        <div class="InforIntr_l_r"><span>公开售卖23% </span><span>公开售卖23% </span><span>公开售卖23% </span><span>公开售卖23% </span></div>
    </div>
</div>
<div class="ReturnInvestment">
    <div class="ReturnTitle">
        ICO回报
    </div>
    <div class="ReturnIn">
        <ul>
            <li><div>美元</div><div>2.29X</div></li>
            <li><div>ETH</div><div>0.54X</div></li>
            <li><div>BTC</div><div>0.48X</div></li>
        </ul>
    </div>
    <div class="Explain">
        相对最初ICO牌价涨跌了多少。
    </div>
</div>
<div class="Chart">
    <div class="flext">
        <div class="main">
            <div class="mainCon" id="main">

            </div>
        </div>
    </div>
    <div class="flext">
        <div class="main">
            <div class="mainCon" id="main2">

            </div>
        </div>
    </div>

</div>
<div class="Narration">
    <div class="NarrationTitle">
        概述
    </div>
    <div class="NarrationContent">
        比特币比特币是一种建立在全球网络上的货币，它是一种
        没有央行参与发行的，数量一定的数字货币。比特币建立
        在全球的P2P网络上，全球无数的P2P节点全天候的在维
        护着比特币的网络。
        比特币比特币是一种建立在全球网络上的货币，它是一种
        没有央行参与发行的，数量一定的数字货币。比特币建立
        在全球的P2P网络上，全球无数的P2P节点全天候的在维
        护着比特币的网络。
    </div>
</div>
<script src="http://ov0lumvwf.bkt.clouddn.com/web/detail/js/base.js"></script>
<script type="text/javascript">
    // 基于准备好的dom，初始化echarts实例
    var myChart,option,myChart2,option2
        myChart = echarts.init(document.getElementById('main'));
        option ={
            tooltip : {
                trigger: 'item',
                formatter: "{b}占比:<br/>{c}({d}%)<br/>今日交易额:<br/>332737.88JPY",
                padding:10,
                backgroundColor: 'rgba(50,50,50,0.8)',
                triggerOn:'none',
                confine:true,
                textStyle:{
                    fontSize:10
                }
            },
            title : {
                text: '币币占比',
                x:'center',
                y:'5%',
                left:'15%',
                textStyle:{
                    color:'#333',
                    fontWeight:'normal',
                    fontSize:14
                }
            },
            color: ['#4e9de6', '#ba4ed6', '#f98089', '#ff8f4a', '#89c473'],
            legend: {
                type: 'scroll',
                orient: 'vertical',
                itemGap:1,
                itemWidth:5,
                itemHeight:5,
                right:0,
                y:'center',
                top:'32%',
                textStyle:{
                    fontSize:11,
                },
                data: [{name: '美元',icon: 'circle'},{name: '欧元',icon: 'circle'},{name: '日元',icon: 'circle'},{name: '韩元',icon: 'circle'},{name: '人民币',icon: 'circle'}]
            },
            series : [
                {
                    name: '姓名',
                    type: 'pie',
                    radius : ['25%','50%'],
                    center: ['30%', '57%'],
                    data: [{name: '美元',value:10},{name: '欧元',value:10},{name: '日元',value:10},{name: '韩元',value:10},{name: '人民币',value:10}],
                    label: {normal:{show:false}},
                    itemStyle: {
                        emphasis: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }
            ],

        }
        myChart2 = echarts.init(document.getElementById('main2'));
        option2 = {
            tooltip : {
                trigger: 'item',
                formatter: "{a} <br/>{b} : {c} ({d}%)",
                padding:10,
                backgroundColor: 'rgba(50,50,50,0.8)',
                triggerOn:'none',
                confine:true,
            },
            title : {
                text: '交易所占比',
                x:'center',
                y:'5%',
                left:'10%',
                textStyle:{
                    color:'#333',
                    fontWeight:'normal',
                    fontSize:14
                }
            },
            color: ['#4e9de6', '#ba4ed6', '#f98089', '#ff8f4a', '#89c473'],
            legend: {
                type: 'scroll',
                orient: 'vertical',
                itemGap:1,
                itemWidth:5,
                itemHeight:5,
                right:0,
                y:'center',
                top:'32%',
                textStyle:{
                    fontSize:11,
                },
                data: [{name: '美元',icon: 'circle'},{name: '欧元',icon: 'circle'},{name: '日元',icon: 'circle'},{name: '韩元',icon: 'circle'},{name: '人民币',icon: 'circle'}]
            },
            series : [
                {
                    name: '姓名',
                    type: 'pie',
                    radius : ['25%','50%'],
                    center: ['30%', '57%'],
                    data: [{name: '美元',value:10},{name: '欧元',value:10},{name: '日元',value:10},{name: '韩元',value:10},{name: '人民币',value:10}],
                    label: {normal:{show:false}},
                    itemStyle: {
                        emphasis: {
                            shadowBlur: 10,
                            shadowOffsetX: 0,
                            shadowColor: 'rgba(0, 0, 0, 0.5)'
                        }
                    }
                }
            ]
        }
        myChart.setOption(option)

        myChart2.setOption(option2);
//        console.log("充值")
    myChart.on('click', function (params) {
        params.event.event.preventDefault()
        myChart.dispatchAction({
            type: 'showTip',
            seriesIndex:params.seriesIndex,
            dataIndex:params.dataIndex
        });
    })
    myChart2.on('click', function (params) {
        params.event.event.preventDefault()
        myChart2.dispatchAction({
            type: 'showTip',
            seriesIndex:params.seriesIndex,
            dataIndex:params.dataIndex
        });
    })
    document.body.onclick = function(){
        myChart.dispatchAction({
            type: 'hideTip'
        });
        myChart2.dispatchAction({
            type: 'hideTip'
        });
        myChart.dispatchAction({
            type: 'pieUnSelect'
        });
        myChart2.dispatchAction({
            type: 'pieUnSelect'
        });
    }
</script>
</body>
<script src="js/base.js"></script>
</html>